@extends('admin.layout.layout', ['row' => @$page])

@section('contain')

    <div class="portlet">
        <div class="portlet-title">
            <div class="caption">
                <x-portlet-breadcrumb :page="$page"></x-portlet-breadcrumb>
            </div>
            <div class="actions">
            </div>
        </div>

        <div class="filter-wrapper mb-3">
        </div>

        <div>

            <table class="table table-s2 text-center">
                <thead>
                <tr>
                    <th>{{ ts('ENGLISH') }}</th>
                    <th>{{ ts('CHINESET') }}</th>
                    <th>{{ ts('CHINESES') }}</th>
                    <th>{{ ts('OPTION') }}</th>
                </tr>
                </thead>
                <tbody>
                @foreach($data as $k => $v)
                    <tr class="item-list">

                        <td style="width: 380px;">
                            【{{ @$v->english_sign }}】{{ $v->english_content  }}
                        </td>
                        <td style="width: 380px;">
                            【{{ $v->traditional_chinese_sign }}】{{ $v->traditional_chinese_content  }}
                        </td>
                        <td style="width: 380px;">
                            【{{ $v->simplified_chinese_sign }}】{{ $v->simplified_chinese_content  }}
                        </td>
                        <td>
                            @if (empty($menus) || in_array('edit', $menus))
                                <a class="btn btn-warning btn-sm" href='/{{ request()->path() }}/{{ $v->id }}/edit'>{{ ts('EDIT') }}</a>
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>


    </div>


@endsection

@section('script')
    <script>
        $(document).ready(function () {
            $('.table.bt-table').bootstrapTable({}).removeClass('d-none')
        })
    </script>
@endsection